<%@ page contentType="text/html;charset=utf-8" %>
<%@ include file="include/taglibs.jspf" %>
<!DOCTYPE html>
<!--[if lt IE 7]><html class="no-js lt-ie9 lt-ie8 lt-ie7"> <![endif]-->
<!--[if IE 7]> <html class="no-js lt-ie9 lt-ie8"> <![endif]-->
<!--[if IE 8]> <html class="no-js lt-ie9"> <![endif]-->
<!--[if gt IE 8]><!-->
<html class="no-js"> <!--<![endif]-->
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>登录</title>
    <!-- favicon.ico -->
    <link rel="icon" type="image/x-icon" href="${ctx}/favicon.ico">
    <link rel="shortcut icon" href="${ctx}/favicon.ico">
    <script type="text/javascript">window.contextPath = "${ctx}"</script>
    <link rel="stylesheet" href="${ctx}/css/base.css"/>
    <link rel="stylesheet" href="${ctx}/css/form.css"/>
    <%--<link href="${ctx}/css/login.css?ver=20140707" type="text/css" rel="stylesheet"/>--%>
    <% request.setAttribute("ctx", request.getContextPath()); %>
    <style type="text/css">
        /*
        .normalInput.error {
            border-color: red;
            color: red;
        }
        span.error, span.otherError {
            color: red;
            height: 14px;
            display: block;
            margin-left: 0px;
            margin-bottom: 20px;
        }
        */
        body {
            margin: 0;
            padding: 0;
            background-color: white;
            font-family: "Helvetica Neue", "Luxi Sans", "DejaVu Sans", Tahoma, "Hiragino Sans GB", STHeiti, "Microsoft YaHei";
            /*font-family: "微软雅黑", "Microsoft Yahei", Arial, Helvetica, sans-serif, "宋体";*/
            font-size: 14px;
            color: #515151;
        }
        a.fullBtnBlue {
            display: inline-block;
            height: 50px;
            width: 342px;
            font-size: 20px;
            line-height: 50px;
            text-align: center;
            margin-bottom: 20px;
            outline: none;
            cursor: pointer;
            background-color: #32a5e7;
            color: #fff;
        }
        a.fullBtnBlue:hover {
            background-color: #2b8cc5;
            color: #fff;
        }
        a.linkABlue:hover {
            color: #008ec7;
        }
        a.linkABlue:link, a.linkABlue:visited {
            color: #00a7ea;
        }
        a.linkABlue:link, a.linkABlue:visited {
            color: #00a7ea;
        }
        /*
        .rememberField label {
            margin-right: 7px;
            cursor: pointer;
        }
        */
        .content {
            width: 100%;
        }
        #login-form {
            margin: 100px auto 0px;
            padding: 0;
            border: 0;
            width: 343px;
            overflow: hidden;
        }
        a {
            text-decoration: none;
        }
        .field {
            position: relative;
            margin-bottom: 20px;
        }
        .field input {
            border: 1px solid #dadada;
            padding: 0 10px;
            width: 318px;
            height: 48px;
            line-height: 22px;
            font-size: 16px;
            color: #474747;
            outline: none;
        }
        .field-checkcode {
            /*display: none;*/
        }
        .field-checkcode input {
            width: 228px;
            padding-right: 100px;
        }
        .field-checkcode .checkcode {
            display: inline-block;
            position: absolute;
            top: 1px;
            left: 250px;
            width: 88px;
            height: 48px;
            line-height: 22px;
            vertical-align: top;
            cursor: pointer;
        }
        .field-remember {
            margin-bottom: 30px;
        }
        .field-remember input {
            width: auto;
            height: 20px;
            line-height: 20px;
        }
        .field-remember label {
            margin-right: 7px;
            margin-left: 5px;
            margin-right: 10px;
            cursor: pointer;
        }
        .field.error input {
            border-color: red;
        }
        span.error, span.otherError {
            height: 14px;
            display: block;
            margin-left: 0px;
            margin-bottom: 20px;
            color: red;
        }
    </style>
</head>
<body>
<div class="content">
    <form id="login-form" method="post">
        <div class="field">
            <input type="text" name="username" id="account" placeholder="账户名">
        </div>
        <div class="field">
            <input type="password" name="password" id="password" placeholder="密码">
        </div>
        <div class="field field-checkcode">
            <input type="text" name="password" id="kapkey">
            <img class="checkcode" title="点击可刷新验证码" src="/captcha.png" style="">
        </div>
        <div class="field field-remember">
            <input type="checkbox" name="rememberMe" id="rememberMe">
            <label for="rememberMe">记住登录状态</label>
            <a id="/forgetpwd" href="/forgetpwd" class='linkABlue'>忘记密码?</a>
        </div>
        <!--
        <div class='normalInput'>
            <input type="text" name="username" id="account">
        </div>
        <div class='normalInput'>
            <input type="password" name="password" id="password">
        </div>
        <div id='kapkeyWrap' class='lineWrap' style="/*display:none;*/">
            <div class='normalInput'>
                <input type="text" name="kapkey" id="kapkey" class='kapkey' maxlength='6'/>
                <img id="imgKey" class='pointer' title="点击可刷新验证码" src="/captcha.png" style="border: 1px solid #ccc">
            </div>
        </div>
        <div class='rememberField'>
            <span>
                <input name="rememberMe" id="rememberMe" type="checkbox" value="1"/>
            </span>
            <label for="rememberMe">记住登录状态</label>
            <a id="/forgetpwd" href="/forgetpwd" class='linkABlue'>忘记密码?</a>
        </div>
        -->
        <input type="hidden" name="appuri" id="appuri"/>
        <input type="hidden" name="useruri" id="useruri"/>
        <input type="hidden" name="service" id="service"/>
        <input type="hidden" name="sid" id="sid"/>
        <input type="hidden" name="redirect" value="0">
        <a id="login" class='fullBtnBlue'>登录</a>
    </form>
</div>
<script type="text/javascript" src="${ctx}/js/lib/jquery-1.11.2.min.js"></script>
<script type="text/javascript" src="${ctx}/js/lib/jquery-validation-1.13.0/jquery.validate.min.js"></script>
<script type="text/javascript" src="${ctx}/js/lib/jquery.form.js"></script>
<script type="text/javascript" src="${ctx}/js/lib/jsbn-1.4/jsbn.js"></script>
<script type="text/javascript" src="${ctx}/js/lib/jsbn-1.4/prng4.js"></script>
<script type="text/javascript" src="${ctx}/js/lib/jsbn-1.4/rng.js"></script>
<script type="text/javascript" src="${ctx}/js/lib/jsbn-1.4/rsa.js"></script>
<script type="text/javascript" src="${ctx}/js/lib/jsbn-1.4/base64.js"></script>
<script type="text/javascript" src="${ctx}/js/app/util.js"></script>
<%--<script type="text/javascript" src="${ctx}/js/elements.js"></script>--%>
<script type="text/javascript" src="${ctx}/js/private/common.js"></script>
<script type="text/javascript" src="${ctx}/js/utils.js"></script>
<script type="text/javascript" src="${ctx}/js/login.js"></script>
</body>
</html>

